.index .inBanner {width: 100%; background: url(../images/index/banner.jpg) no-repeat center/cover; overflow: hidden;
	img { display: none; transition: all .3s ease; transform: translateZ(0); }
}

.banner { width: 100%; font-size: 0; overflow: hidden; 
	img { max-width: 100%; }
}

.wrap {width: 100%; margin-top: 100px; position: relative;
	.index {
		.page1 {background: #e4f0f6; padding: 50px 0;
			.top {
				.left { float: left; width: 49%; height: 280px; position: relative; font-size: 0; overflow: hidden; 
					img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; transform: translateZ(0); display: none; }
					.contain { width: 89%; height: 100%; margin: 0 auto; display: table; position: relative; z-index: 2; 
						.cell { display: table-cell; vertical-align: middle;
							.cellTop { width: 100%; 
								p { position: relative; 
									span { font: normal 24px 'microsoft yahei'; color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
									a { font: normal 12px 'microsoft yahei'; color: #ffffff; position: absolute; right: 0; top: 50%; margin-top: -6px; 
										&:hover { font-weight: bolder; }
									}
								}
							}
							.cellNav { width: 100%; margin-top: 18px;
								p { font: normal 12px/24px 'microsoft yahei'; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
							}
							.cellBot { width: 100%; 
								ul {
									li { height: 45px; 
										a { display: block; width: 100%; height: 100%; font: normal 14px/45px 'microsoft yahei'; color: #ffffff; text-indent: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; transition: all .3s ease; 
											&:after { display: block; content: ''; position: absolute; width: 7px; height: 11px; top: 50%; margin-top: -5.5px; right: 19px; background: url(../images/index/right.png) no-repeat right center; transition: all .3s ease; }
										}
										&:hover {
											a { text-indent: 42px; }
										}
										&.cur {
											a { text-indent: 45px; color: #de4443; background: rgba(255,255,255,.9); 
												&:after { background-position: left center; }
											}
										}
									}
								}
							}
						}
					}
					&:hover {
						img { transform: scale(1.1); }
					}
				}
				.right { float: right; width: 51%; height: 280px; position: relative; background: #ffffff; box-sizing: border-box; 
					.contain { display: table; width: 89%; height: 100%; margin-left: 7%;
						.cell { display: table-cell; vertical-align: middle; 
							.cellTop {
								p { position: relative;
									span { font: normal 24px 'microsoft yahei'; color: #333333; }
									em { font: normal 18px 'microsoft yahei'; color: #dddddd; position: absolute; bottom: 0; padding-left: 15px; }
								}
							}
							.cellNav { margin-top: 42px;
								.nTab { display: none; 
									a { display: block; width: 100%; height: 100%; 
										p {
											&.pL { width: 21%; float: left; 
												img { max-width: 100%; max-height: 100%; }
											}
											&.pR { width: 66%; float: right;
												span { font: normal 16px 'microsoft yahei'; color: #de4443; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
												em { padding-top: 15px;
													font: normal 14px/24px 'microsoft yahei'; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
												}
											}
										}
									}
								}
							}
							.cellBot { position: relative; margin-top: 35px; height: 20px; 
								a { font: normal 14px 'microsoft yahei'; color: #888888; position: absolute; right: 0; top: 0; transition: all .3s ease;
									&:hover { font-weight: bolder; }
								}
							}
						}
					}
					.lines1 { position: absolute; width: 0; height: 1px; left: 0; bottom: 0; background: #00a0e9; transition: all .5s ease; }
					.lines2 { position: absolute; width: 1px; height: 0; right: 0; bottom: 0; background: #00a0e9; transition: all .3s ease .5s; }
					.lines3 { position: absolute; width: 0; height: 1px; right: 0; top: 0; background: #00a0e9; transition: all .5s ease .8s; }
					.lines4 { position: absolute; width: 1px; height: 0; left: 0; top: 0; background: #00a0e9; transition: all .3s ease 1.3s; }
					/*&:hover {
						.lines1 { width: 100%; }
						.lines2 { height: 100%; }
						.lines3 { width: 100%; }
						.lines4 { height: 100%; }
					}*/
				}
			}
			.cen { margin-top: 40px; 
				.cNav { float: left; width: 23.5%; height: 280px; margin-right: 2%; background: #376fc7; position: relative; 
					.contain { width: 81%; margin: 0 auto;
						.cnTop { margin-bottom: 25px;
							p { position: relative; padding-top: 25px; 
								span { font: normal 24px 'microsoft yahei'; color: #ffffff; }
								a { font: normal 12px 'microsoft yahei'; color: #ffffff; float: right; padding-top: 5px; transition: all .3s ease; 
									&:hover { font-weight: bolder; }
								}
							}
						}
						.cnNews {
							ul {
								li { padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.2); 
									a { display: block; 
										span { font: normal 14px/22px 'microsoft yahei'; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s ease; }
										em { display: block; font: normal 12px 'microsoft yahei'; color: #ffffff; opacity: .6; padding-top: 10px; }
										&:hover {
											span { text-decoration: underline; }
										}
									}
									&:last-child { margin-top: 18px; border-bottom: 0; }
								}
							}
						}
						.cnAbout {
							p { font: normal 14px/24px 'microsoft yahei'; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; 
							}
						}
						.cnCase {
							a { display: block; font: normal 14px 'microsoft yahei'; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; transition: all .3s ease; 
								&:hover { text-decoration: underline; }
							}
						}
					}
					.lines1 { position: absolute; width: 0; height: 1px; left: 0; bottom: 0; background: #de4443; transition: all .5s ease; }
					.lines2 { position: absolute; width: 1px; height: 0; right: 0; top: 0; background: #de4443; transition: all .5s ease; }
					.lines3 { position: absolute; width: 0; height: 1px; right: 0; top: 0; background: #de4443; transition: all .5s ease; }
					.lines4 { position: absolute; width: 1px; height: 0; left: 0; bottom: 0; background: #de4443; transition: all .5s ease; }
					/*&:hover {
						.lines1 { width: 100%; }
						.lines2 { height: 100%; }
						.lines3 { width: 100%; }
						.lines4 { height: 100%; }
					}*/
					&:nth-child(4n) { margin-right: 0; }
					&:nth-child(2) { background: url(../images/index/bg1.jpg) no-repeat center/cover; }
					&:nth-child(3) { background: url(../images/index/bg2.jpg) no-repeat center/cover; }
					&:nth-child(4) { background: url(../images/index/bg3.jpg) no-repeat center/cover; }
				}
			}
		}
	}
	.mainLeft { float: left; width: 21.67%; background: #46a1da; 
		.top { width: 100%; font-size: 0;
			img { max-width: 100%; }
		}
		.cen { margin-top: 15px; 
			ul { width: 66.2%; margin-left: 13%;
				li { width: 100%; 
					a { display: block; font: normal 16px 'microsoft yahei'; color: #bbddf3; text-indent: 5px; transition: all .3s ease; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
					p { display: none; 
						a { font: bold 14px 'microsoft yahei'; color: #f6fbff; margin-top: 20px; padding-bottom: 0; border-bottom: 0; text-indent: 14%; 
							&:last-child { margin-bottom: 28px; }
						}
					}
					&:hover {
						a { color: #f6fbff; font-weight: bold; }
					}
					&.cur {
						a { color: #f6fbff; font-weight: bold; }
					}
					&:last-child { border-bottom: 0; }
				}
			}
		}
	}
	.mainRight { float: right; width: 75.25%; 
		.crumbs { padding: 20px 0;
			p {
				a { font: normal 14px 'microsoft yahei'; color: #888888; }
				span { font: normal 14px 'microsoft yahei'; color: #888888; }
			}
		}
	}
	.about { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 { position: relative;
			.cen { padding-top: 25px; padding-right: 5%;
				p {
					span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
				}
				ul { padding-top: 15px;
					li {
						h3 { font: bold 14px 'microsoft yahei'; color: #666666; }
						em { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
						span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; padding-top: 15px; }
					}
				}
			}
			.bot { margin-top: 28px;
				ul {
					li { float: left; width: 33.33%; 
						p { font-size: 0; height: 248px; background: #f6fbff;  overflow: hidden; 
							img { max-width: 100%; max-height: 100%; object-fit: cover; transform: translateZ(0); transition: all .5s ease; }
							span { display: table; width: 100%; height: 100%; position: relative; transition: all .5s ease; 
								em { display: table-cell; vertical-align: middle; font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; 
									i { display: block; padding-top: 15px; }
								}
								&:after { display: block; content: ''; position: absolute; width: 14px; left: 50%; margin-left: -7px; height: 7px; top: 42px; background: url(../images/about/t.png) no-repeat center; transition: all .5s ease; }
							}
						}
						&:hover {
							p {
								img { transform: scale(1.1); }
								span {
									&:after { top: 35px; }
								}
							}
						}
						&:nth-child(2) {
							p {
								span {
									&:after { bottom: 42px; top: auto; transform: rotate(180deg); }
								}
							}
							&:hover {
								p {
									span {
										&:after { bottom: 35px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.page2 { position: relative; padding-top: 55px; 
			.cen { margin-top: 20px; 
				p { text-align: center; 
					img { max-width: 100%; }
					span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; text-align: left; text-indent: 2em; margin-bottom: 15px; }
				}
			}
		}
		.page3 { position: relative;
			.cen { margin: 30px 0; 
				ul { position: relative; height: 586px; 
					li { width: 200px; height: 200px; background: #ffffff; transform: rotate(45deg); position: absolute; 
						span { display: block; width: 100%; height: 100%; font-size: 0; text-align: center; transform: rotate(-45deg); 
							em { display: inline-block; width: 1px; height: 100%; line-height: 100%; margin-left: -1px; vertical-align: middle; }
							img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }
						}
						&:nth-child(1) { top: 50px; left: 195px; }
						&:nth-child(2) { top: 50px; left: 495px; }
						&:nth-child(3) { top: 200px; left: 40px; }
						&:nth-child(4) { top: 200px; left: 345px; background: #46a1da; }
						&:nth-child(5) { top: 200px; left: 650px; }
						&:nth-child(6) { top: 350px; left: 195px; }
						&:nth-child(7) { top: 350px; left: 495px; background: #b8d0e0; }
					}
				}
			}
			.bot { font-size: 0; display: none;
				img { max-width: 100%; }
			}
		}
		#page1 { position: absolute; top: -100px; left: 0; }
		#page2 { position: absolute; top: -50px; left: 0; }
		#page3 { position: absolute; top: -100px; left: 0; }
	}
	.product { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 {
			.top { display: table;
				.left { display: table-cell; vertical-align: middle; width: 75%; 
					p { font: normal 20px 'microsoft yahei'; color: #333333; }
					span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #888888; margin-top: 30px; }
				}
				.right { display: table-cell; vertical-align: middle; width: 25%; text-align: right; 
					img { max-width: 100%; }
				}
			}
		}
		.page2 { margin-top: 55px; padding-bottom: 70px; 
			.cen {
				ul {
					li { margin-top: 20px; float: left; width: 23.5%; margin-right: 2%; 
						a { display: block; width: 100%; height: 100%; 
							p { display: block; overflow: hidden; font-size: 0;
								&.pt { height: 150px; text-align: center; 
									span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
									img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .3s ease; transform: translateZ(0px); }
								}
								&.pb {
									span { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
									em { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
								}
							}
							&:hover {
								p {
									&.pt {
										img { transform: scale(1.1); }
									}
									&.pb {
										span { color: #0093d7; }
										em { color: #0093d7; }
									}
								}
							}
						}
						&:nth-child(4n) { margin-right: 0; }
					}
				}
			}
		}
	}
	.proDetail { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.page1 { padding-bottom: 60px; border-bottom: 1px solid #c6c6c6;
			.top {
				p { font: normal 24px 'microsoft yahei'; color: #000000; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; 
					&:after { display: block; content: ''; width: 60px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #000000; }
				}
			}
			.cen { margin-top: 25px; 
				.left { float: left; width: 58.5%; 
					em { display: block; font: normal 14px 'microsoft yahei'; color: #46a1da; }
					p { display: block; margin-top: 25px; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
					span { display: block; font: bold 14px/26px 'microsoft yahei'; color: #666666; margin-top: 25px; }
					i { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
				}
				.right { float: right; width: 37.2%; 
					img { max-width: 100%; }
				}
			}
		}
		.page2 { padding: 40px 0 90px; 
			.top {
				p { width: 150px; height: 40px; background: #00a0e9; font: normal 16px/40px 'microsoft yahei'; color: #ffffff; text-align: center; }
			}
			.cen {
				p { font: normal 16px 'microsoft yahei'; color: #00a0e9; padding: 25px 0 15px; }
				span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #666666; }
			}
			.bot { margin-top: 45px; 
				a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; 
					&:hover { color: #ffffff; background: #00a0e9; }
				}
			}
		}
	}
	.case { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page2 { padding-bottom: 70px; 
			.cen {
				ul {
					li { margin-top: 20px; float: left; width: 32%; margin-right: 2%; 
						a { display: block; width: 100%; height: 100%; 
							p { display: block; overflow: hidden; font-size: 0;
								&.pt { height: 201px; text-align: center; 
									span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
									img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; transition: all .3s ease; transform: translateZ(0px); }
								}
								&.pb {
									span { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
									em { display: block; width: 100%; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
								}
							}
							&:hover {
								p {
									&.pt {
										img { transform: scale(1.1); }
									}
									&.pb {
										span { color: #0093d7; }
										em { color: #0093d7; }
									}
								}
							}
						}
						&:nth-child(3n) { margin-right: 0; }
					}
				}
			}
		}
	}
	.caseDetail { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.page1 { padding-bottom: 60px; border-bottom: 1px solid #c6c6c6;
			.top {
				p { font: normal 24px 'microsoft yahei'; color: #0093d7; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; 
					&:after { display: block; content: ''; width: 60px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #0093d7; }
				}
			}
			.cen { margin-top: 35px; position: relative;
				.left { width: 50%; }
				.img1 { position: absolute; top: 0; right: 0; width: 48%; } 
				.p1 { font: normal 24px 'microsoft yahei'; color: #333333; }
				.span1 { display: block; font: normal 16px/26px 'microsoft yahei'; color: #00a0e9; padding-top: 25px; }
				.em1 { display: block; font: bold 14px 'microsoft yahei'; color: #333333; margin-top: 35px; }
				.i1 { display: block; font: normal 14px 'microsoft yahei'; color: #666666; padding-top: 5px; }
				.p2 { font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
				.img2 { margin-top: 50px; max-width: 100%; }
			}
			.bot { margin-top: 45px; 
				a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; 
					&:hover { color: #ffffff; background: #00a0e9; }
				}
			}
		}
	}
	.news { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 { padding-bottom: 70px; 
			.cen {
				ul {
					li { padding: 20px 0; border-bottom: 1px solid #c6c6c6; 
						a { display: table; width: 100%; height: 120px; 
							p { display: table-cell; vertical-align: middle;
								&.plImg { width: 20%; height: 100%; position: relative; font-size: 0; 
									span { display: inline-block; width: 1px; margin-left: -1px; height: 100%; line-height: 100%; vertical-align: middle; }
									img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
									em { display: block; position: absolute; width: 72px; height: 20px; background: #00afff; position: absolute; right: 0; bottom: 19%; font: normal 12px/20px 'microsoft yahei'; color: #ffffff; text-align: center; }
								}
								&.pl { display: none; }
								&.pr { width: 80%;
									span { display: block; width: 95%; margin-left: 5%; font: normal 16px 'microsoft yahei'; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s ease; }
									em { display: -webkit-box; width: 95%; margin-left: 5%; font: normal 14px/26px 'microsoft yahei'; color: #646464; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-top: 18px; }
								}
							}
							&:hover {
								p {
									&.pr {
										span { color: #1574af; }
									}
								}
							}
						}
						&.noImg {
							a {
								p {
									&.plImg { display: none; }
									&.pl { display: table-cell; width: 20%; height: 100%; box-sizing: border-box; border: 2px solid #76c2ea; text-align: center; 
										span { display: block; font: normal 36px 'Arial','microsoft yahei'; color: #46a1da; }
										em { display: block; width: 87px; height: 26px; background: #46a1da; font: normal 18px/26px 'Arial','microsoft yahei'; color: #ffffff; text-align: center; margin: 0 auto; }
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.newsDetail { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.page1 { padding-bottom: 60px;
			.top {
				p { font: normal 24px 'microsoft yahei'; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; position: relative; 
					&:after { display: block; content: ''; width: 100px; height: 2px; position: absolute; left: 0; bottom: -1px; background: #333333; }
				}
			}
			.cen { margin-top: 35px; position: relative; padding-bottom: 60px; border-bottom: 1px solid #c6c6c6;
				.spanTimes { display: block; font: normal 14px 'Arial'; color: #787878; padding-top: 25px; padding-bottom: 10px; }
				.p1 { font: normal 14px/26px 'microsoft yahei'; color: #666666; text-indent: 2em; }
			}
			.bot { margin-top: 15px; 
				a { display: block; width: 50%; float: left; font: normal 14px 'microsoft yahei'; color: #8c8c8c; transition: all .3s ease;
					span { font-weight: bold; color: #646464; transition: all .3s ease; }
					&:hover { color: #3399cc; 
						span { color: #3399cc; }
					}
					&.aNext { text-align: right; }
					&.goBack { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; float: right; margin-top: 35px; 
						&:hover { color: #ffffff; background: #00a0e9; }
					}
				}
			}
		}
	}
	.join { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 { padding-bottom: 70px; 
			.cen { margin-top: 45px; 
				.left { float: left; display: table; width: 8.5%; height: 307px; background: url(../images/join/r.png) no-repeat center; 
					p { font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; display: table-cell; vertical-align: middle; }
					span { display: none; font: normal 20px 'microsoft yahei'; color: #333333; text-align: center; }
				}
				.right { float: right; width: 85%; 
					.rTop {
						p { font: bold 14px 'microsoft yahei'; color: #333333; }
					}
					.rCen {
						ul { margin-top: 35px;
							li {
								p { font: bold 14px 'microsoft yahei'; color: #333333; }
								span { display: block; font: normal 14px/26px 'microsoft yahei'; color: #888888; }
							}
						}
					}
					.rBot { margin-top: 45px; 
						a { display: block; width: 148px; height: 38px; font: normal 14px/38px 'microsoft yahei'; color: #00a0e9; text-align: center; border: 1px solid #00a0e9; transition: all .3s ease; 
							&:hover { color: #ffffff; background: #00a0e9; }
						}
					}
				}
			}
		}
	}
	.contact { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 { padding-bottom: 70px; 
			.cen { margin-top: 45px; 
				.left { float: left; width: 80%; 
					span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; margin-top: 15px; 
						&:nth-child(1) { background: url(../images/contact/icon1.png) no-repeat left center; padding-left: 35px; margin-top: 0; }
						&:nth-child(2) { background: url(../images/contact/icon2.png) no-repeat left center; padding-left: 35px; }
						&:nth-child(3) { background: url(../images/contact/icon3.png) no-repeat left center; padding-left: 35px; }
						&:nth-child(4) { background: url(../images/contact/icon4.png) no-repeat left top; padding-left: 35px; }
					}
				}
				.right { float: right; width: 16%; 
					img { max-width: 100%; }
					span { display: block; font: normal 14px 'microsoft yahei'; color: #666666; text-align: center; }
				}
			}
			.bot { margin-top: 55px; }
		}
	}
	.downs { background: #e4f0f6; 
		.contain { padding: 20px 0; }
		.rightTop { height: 47px; border-bottom: 1px solid #d9dbdc; 
			p { display: inline-block; height: 46px; font: normal 24px 'microsoft yahei'; color: #0093d7; border-bottom: 2px solid #0093d7; }
		}
		.page1 { padding-bottom: 50px;
			ul {
				li { width: 100%; height: 50px; border-bottom: 1px solid #d9dbdc; 
					a { display: block; width: 100%; height: 100%; font: normal 16px/50px 'microsoft yahei'; color: #666666; transition: all .3s ease; 
						i { display: block; float: left; width: 5%; font-family: 'Arial'; font-size: 20px; }
						em { display: block; width: 85%; float: left; transition: all .3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
						span { color: #46a1da; display: block; float: right; width: 10%; text-align: right; transition: all .3s ease; }
						&:hover { color: #00a0e9; }
					}
					
				}
			}
		}
	}
}

@media screen and(max-width: 1294px){
	.wrap {
		.about {
			.page3 {
				.cen { display: none; }
				.bot { display: block; margin: 30px 0; }
			}
		}
	}
}

@media screen and(max-width: 1200px){
	.wrap {
		.about {
			.page1 {
				.bot {
					ul {
						li {
							p { position: relative;
								img { position: absolute; top: 50%; transform: translateY(-50%); }
								i {
									img { position: relative; transform: translateY(0); }
								}
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1024px){
	.wrap { margin-top: 80px; 
		.about {
			.page1 {
				.bot {
					ul {
						li {
							p { height: 191px;
								img { position: relative; transform: translateY(0); top: 0; }
								i {
									img { position: relative; transform: translateY(0); }
								}
							}
						}
					}
				}
			}
		}
		.mainLeft {
			.cen {
				ul { width: 80%; margin: 0 auto; }
			}
		}
		.product {
		}
		.case {
			.page2 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pt { height: 156px; }
								}
							}
						}
					}
				}
			}
		}
		.downs {
			.page1 {
				ul {
					li {
						a {
							em { width: 80%; }
							span { width: 15%; }
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 860px){
	.wrap {
		.index {
			.page1 {
				.top {
					.right {
						.contain {
							.cell {
								.cellNav {
									.nTab {
										a {
											p {
												&.pR {
													em {
														display: none;
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
				.cen {
					.cNav { width: 32%; margin-bottom: 20px; 
						&:nth-child(3n) { margin-right: 0; }
					}
				}
			}
		}
		.about {
			.page1 {
				.cen { padding-right: 0; }
				.bot {
					ul {
						li {
							p { height: 191px;
								img { top: 0; transform: translateY(0); }
								i {
									img { position: relative; transform: translateY(0); }
								}
							}
						}
					}
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li {
							a {
								p {
									&.plImg { width: 30%; }
									&.pr { width: 70%; }
								}
							}
							&.noImg {
								a {
									p {
										&.pl { width: 30%; }
									}
								}
							}
						}
					}
				}
			}
		}
		.newsDetail {
			.page1 {
				.bot {
					a { float: none; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
						&.aNext { text-align: left; margin-top: .5rem; }
						&.goBack { margin: 0 auto; float: none; margin-top: 1rem; }
					}
				}
			}
		}
		.join {
			.page1 {
				.cen {
					.left { width: 20%; }
					.right { width: 80%; }
				}
			}
		}
	}
}

@media screen and (max-width: 768px){
	.wrap {
		.index {
			.page1 {
				.top {
					.left { width: 100%; }
					.right { width: 100%;
						.contain {
							.cell {
								.cellNav {
									.nTab {
										a {
											p {
												&.pR {
													em {
														display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
				.cen {
					.cNav { width: 49%; margin-bottom: 20px; 
						&:nth-child(3n) { margin-right: 2%; }
						&:nth-child(2n) { margin-right: 0; }
					}
				}
			}
		}
		.mainLeft { display: none; }
		.mainRight { width: 100%; }
		.about {
			.page1 {
				.bot {
					ul {
						li {
							p { height: 138px; 
								span {
									em {
										i { width: 80%; margin: 0 auto; padding-top: 0; }
									}
									&:after { top: 25px; }
								}
							}
							&:nth-child(2) {
								p {
									span {
										&:after { bottom: 25px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.product {
			.page1 {
				.top {
					.left { width: 100%; }
					.right {
						display: none;
					}
				}
			}
			.page2 {
				.cen {
					ul {
						li { width: 32%; 
							&:nth-child(3n) { margin-right: 0; }
							&:nth-child(4n) { margin-right: 2%; }
						}
					}
				}
			}
		}
		.proDetail {
			.page1 {
				.cen {
					.left { width: 100%; }
					.right { width: 100%; margin-top: 1rem; }
				}
			}
		}
		.case {
			.page2 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pt { height: 150px; }
								}
							}
						}
					}
				}
			}
		}
		.newsDetail {
			.page1 {
				.bot {
					a { float: left;
						&.goBack { float: left; }
					}
				}
			}
		}
	}
}

@media screen and (max-width: 680px){
	.index .inBanner { background: none; }
	.index .inBanner img { display: block; width: 100%; }
	.wrap {
		.about {
			.page1 {
				.bot {
					ul {
						li {
							p { height: 138px; 
								span {
									em {
										i { width: 80%; margin: 0 auto; padding-top: 0; }
									}
									&:after { top: 25px; }
								}
							}
							&:nth-child(2) {
								p {
									span {
										&:after { bottom: 25px; }
									}
								}
							}
						}
					}
				}
			}
		}
		.case {
			.page2 {
				.cen {
					ul {
						li { width: 49%;
							a {
								p {
									&.pt { height: 201px; }
								}
							}
							&:nth-child(3n) { margin-right: 2%; }
							&:nth-child(2n) { margin-right: 0; }
						}
					}
				}
			}
		}
		.caseDetail {
			.page1 {
				.cen {
					.left { width: 100%; }
					.img1 { position: relative; margin-bottom: 1rem; }
				}
			}
		}
		.news {
			.page1 {
				.cen {
					ul {
						li { float: left; width: 100%;
							a { height: auto; display: block;
								p { display: block;
									&.plImg { width: 100%; text-align: center; 
										em { display: none; }
									}
									&.pr { width: 100%; margin-top: 1rem; 
										span { width: 100%; text-align: center; margin-left: 0; }
										em { width: 100%; margin-left: 0; }
									}
								}
							}
							&.noImg {
								a {
									p { display: block;
										&.pl { display: block; width: 100%; }
									}
								}
							}
						}
					}
				}
			}
		}
		.contact {
			.page1 {
				.cen {
					.left { width: 100%; }
					.right { display: none; }
				}
			}
		}
		.downs {
			.page1 {
				ul {
					li {
						a {
							em { width: 75%; }
							span { width: 20%; }
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 480px){
	.wrap { margin-top: 4rem;
		.index {
			.page1 { padding: 2rem 0;
				.top {
					.left { height: auto; 
						img { height: auto; position: relative; }
						.contain { position: absolute; top: 0; left: 5.5%; top: 50%; transform: translateY(-50%);
							.cell {
								.cellBot {
									ul {
										li { float: left; width: 32%; margin-left: 2%; height: 2rem; 
											a { line-height: 2rem; text-align: center;
												&:after { display: none; }
											}
											&:nth-child(1) { margin-left: 0; }
											&.cur {
												a { text-indent: 0; }
											}
										}
									}
								}
							}
						}
					}
					.right { height: auto; padding: 1rem 0; 
						.contain {
							.cell {
								.cellNav { margin-top: 1rem;
									.nTab { 
										a {
											p {
												&.pL { width: 100%; text-align: center; }
												&.pR { width: 100%; text-align: center; }
											}
										}
									}
								}
								.cellBot { margin-top: 1rem; height: auto; 
									a { display: block; position: relative; width: 100%; text-align: center; }
								}
							}
						}
					}
				}
				.cen { margin-top: 2rem;
					.cNav { width: 100%; margin-right: 0; margin-bottom: 1rem; 
						&:last-child { margin-bottom: 0; }
					}
				}
			}
		}
		.about {
			.page1 {
				.bot {
					ul {
						li { width: 100%; 
							p { width: 50%; float: left; text-align: center; 
								span {
									&:after { display: none; }
								}
							}
						}
					}
				}
			}
		}
		.product {
			.page2 {
				.cen {
					ul {
						li { width: 49%;
							&:nth-child(3n) { margin-right: 2%; }
							&:nth-child(4n) { margin-right: 0; }
							&:nth-child(2n) { margin-right: 0; }
						}
					}
				}
			}
		}
		.case {
			.page2 {
				.cen {
					ul {
						li {
							a {
								p {
									&.pt { height: 129px; }
								}
							}
						}
					}
				}
			}
		}
		.caseDetail {
			.page1 {
				.cen {
					.left { width: 100%; }
					.img1 { position: relative; width: auto; max-width: 100%; }
				}
			}
		}
		.join {
			.page1 {
				.cen {
					.left { width: 100%; display: block; height: auto; background: none; 
						p { display: none; }
						span { display: block; }
					}
					.right { width: 100%; }
				}
			}
		}
	} 
}

@media screen and(max-width: 330px){
	.wrap {
		.product {
			.page2 {
				.cen {
					ul {
						li { width: 100%; margin-right: 0; 
							a {
								p {
									&.pt { height: auto; 
										img { width: 100%; }
									}
								}
							}
						}
					}
				}
			}
		}
		.case {
			.page2 {
				.cen {
					ul {
						li { width: 100%;
							a {
								p {
									&.pt { height: auto; }
								}
							}
						}
					}
				}
			}
		}
		.contact {
			.page1 {
				.bot { display: none; }
			}
		}
	}
}